/*-----------------------------------------------------------------premiere section nav et acceuil-----------------------------------------------------*/
@media screen and (min-width: 1350px) {
  .topsecgnl{
    position: relative;
    height: 85vh;
    width: 100%;
    overflow: hidden;
    background-color: rgba(102, 100, 100, 0.5)
  }
}


/* ------------------------------------------------------------------cadre gris---------------------------------------------------------------------*/
@media screen and (min-width:1350px) {
  .cadre{
  width: 100%;
  background-color: rgb(124, 124, 124);
  }
}

/*--------------------------.index_cadre_photo_gnl--------------*/

@media screen and (max-width: 1600px) and (min-width: 1350px) {
  .index_cadre_photo_gnl{
    width: 100%;
    display: flex;
    margin-top: 5%;
    height: 70vh;
  }
}

@media screen and (min-width: 1350px) {
.index_cote_droite_gnl{
  width: 40%;
  margin-right: 20%;
  height: 60vh;
  display: flex;
}
}

/*-----------realisation_cote_droite_gnl---ok--*/


@media screen and (min-width: 1350px){
.index_cote_gauche_gnl{
  width: 18%;
  padding-right: 2%;
  margin-left: 20%;
  height: 60vh;
}
}

/*--------------------------------------------gauche photo----------------------------*/